<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        
    </style>
</head>
<body>
    正在测试ajax的post封装
</body>
<script>
    
    const url = "http://127.0.0.1:3000/getallroom";

    ajaxPost(url, function(res){
        res = JSON.parse(res);
        console.log(res);
    }, {
        token: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1SWQiOiJ1c2VyLTIxMjY4ZWYwLWEyNGQtMTFlZC1iNDcwLWY1ODdiMTU2ZDNkZCIsInVzZXJuYW1lIjoiYWRtaW4iLCJwb3dlciI6MCwiaWF0IjoxNjc3NTY4NTE4LCJleHAiOjE2Nzc1NzIxMTh9.Ez7vROzj5e6mTobjBqtDKHjP257s-AbMi3rheEM5a7Q"
    });

    // 功能：发起ajax的get请求
    // 参数：
        // 参数1：要请求的地址
        // 参数2：请求成功后的回调函数，形参：响应数据
        // 参数3：可选，发起请求时要携带的数据
    

    function ajaxPost(url, cb, obj){
        let str = "";
        for(let i in obj){
            str += `${i}=${obj[i]}&`;
        }
        // 2. 发送的数据，不需要拼接在url身上
        // url = url + "?" + str.slice(0, -1);
        const xhr = new XMLHttpRequest;

        // 1. open的第一个参数：post
        xhr.open("post", url);

        // 3. 设置发送数据的MIME格式
        xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
        
        // 4. post的发送的数据，放在send的参数内
        xhr.send(str.slice(0, -1));

        xhr.onreadystatechange = function(){
            if(xhr.readyState === 4 && xhr.status === 200){
                cb(xhr.responseText);
            }
        }
    }






    
    
</script>
</html>